.ciga-detail-container {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;

  .at-tabs-pane--inactive {
    height: auto;
  }

  .ciga-detail-false .at-tabs-pane {
    height: calc(100vh - (30px + 120px + env(safe-area-inset-top) + env(safe-area-inset-bottom)));
    overflow: scroll;
    padding-bottom: 20px;
  }

  .ciga-detail-true .at-tabs-pane {
    height: calc(100vh - (30px + 75px + env(safe-area-inset-top) + env(safe-area-inset-bottom)));
    overflow: scroll;
    padding-bottom: 20px;
  }

  .brand-container {
    background-color: #F4F4F4;
    padding: 16px 12px;
    // width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;

    .brand-image {
      height: 54px;
      display: block;
      margin: 0 auto 8px;
      width: calc(100% - 40px);
    }

    .brand-title {
      font-size: 17px;
      color: rgba(0, 0, 0, .9);
      font-weight: bold;
      text-align: center;
    }

    .brand-name {
      font-size: 14px;
      color: rgba(0, 0, 0, .7);
      text-align: center;
      margin-bottom: 8px;
    }

    .brand-desc {
      font-size: 14px;
      color: rgba(0, 0, 0, .7);
      text-align: left;
      justify-content: space-between;
    }
  }

  //年份相关
  .brand-year {
    margin-left: 16px;

    .year {
      height: 20px;
      line-height: 20px;
      font-size: 14px;
      color: rgba(0, 0, 0, .6);
      margin: 12px 0px 8px 0;
      font-weight: 400;
    }

    .year-list {
      display: flex;
    }

    .year-desc {
      height: 30px;
      line-height: 30px;
      border: 1px solid#D6D6D6;
      color: rgba(0, 0, 0, .5);
      text-align: center;
      margin-right: 4px;
      padding: 0 20px;
    }

    .year-desc-active {
      height: 30px;
      line-height: 30px;
      border: 1px solid#BB8049;
      color: #BB8049;
      text-align: center;
      margin-right: 4px;
      padding: 0 20px;
    }

    .at-segmented-control {
      border: none !important;
      font-size: 14px;
      border-radius: 0 !important;
      margin-left: 16px;

      .at-segmented-control__item {
        margin-right: 4px;
        font-size: 14px !important;
        color: rgba(0, 0, 0, .5);
        border: 1px solid#D6D6D6;
        width: 80px;
        min-width: 80px;
        height: 32px;
        line-height: 32px;
        padding: 0;
        font-weight: 400;
      }

      .at-segmented-control__item--active {
        color: #BB8049;
        border: 1px solid #BB8049;
        background-color: #fff;
      }
    }
  }

  //内容list相关
  .brand-list {
    width: calc(100% - 32px);
    margin: 4px auto 0;

    .brand-list-item {
      min-height: 44px;
      line-height: 44px;
      border-bottom: 0.5px solid rgba(0, 0, 0, .1);
      display: flex;
      justify-content: space-between;
      align-items: center;

      .brand-list-item-left {
        // flex: 1;
        color: rgba(0, 0, 0, .6);
        font-size: 14px;
        font-weight: 400;

        .brand-list-item-left-desc {
          width: 70px;
          display: inline-block;

        }

        .at-slider {

          /* 整体轨道容器 */
          &__track {
            height: 6px; // 轨道高度
            background: #fff; // 未选中部分为白色
            border: 1px solid #ddd; // 灰色边框
            border-radius: 3px; // 圆角匹配边框
          }

          /* 已选中部分 */
          &__track-inner {
            background: linear-gradient(to right, #4facfe, #00f2fe); // 渐变色
            border-radius: 3px 0 0 3px; // 左侧圆角
          }

          /* 滑块手柄 */
          &__handle {
            width: 24px;
            height: 24px;
            border: 2px solid #4facfe; // 手柄边框色
            background: #fff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          }
        }
      }

      .brand-list-item-right {
        min-height: 45px;
        line-height: 1.6;
        flex: 1;
        font-size: 14px;
        color: rgba(0, 0, 0, .9);
        font-weight: 400;
        white-space: normal;
        word-break: break-word;
        overflow: visible;
        display: flex;
        align-items: center;
        text-align: end;
        justify-content: flex-end;
      }

      .brand-slider {
        width: 185px;
        display: inline-block;
        background-color: linear-gradient(to top,
            rgba(187, 128, 73, 1),
            rgba(187, 128, 73, 0.3));
        height: 6px;
      }

      .brand-list-rate {
        width: 200px;
        height: 10px;
        border: 1px solid rgb(214, 214, 214);
        display: inline-block;
        position: relative;
        margin-left: 6px;
      }

      .brand-list-rate-number {
        height: 6px;
        display: inline-block;
        position: absolute;
        margin: 2px;
        background: linear-gradient(to left,
            rgba(187, 128, 73, 1),
            rgba(187, 128, 73, 0.3));
        max-width: calc(100% - 4px);
      }
    }

    .taste {
      height: 88px !important;

      .brand-list-item-right {
        width: 87%;
        background: url('https://file.linkcook.cn/image/wineMiniProgram/wiki/taste-bg.png');
        height: 52px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 18px;
        display: flex;

        .right-item {
          flex: 1;
          border-image: url('https://file.linkcook.cn/image/wineMiniProgram/activity/line.png');


          .center {
            height: 52px;
            line-height: 52px;
            align-items: center;
            justify-content: center;
            vertical-align: bottom;
            flex-direction: column;
            text-align: center;
            display: flex;
          }
        }

        .right-item-desc {
          font-size: 10px;
          color: rgba(255, 255, 255, .9);
          line-height: 14px;
          text-align: center;
          display: block;
          margin: 0 auto;
          width: 60px;
        }
      }
    }

    //包装规格
    .brand-list-standard {
      .brand-list-standard-title {
        font-size: 16px;
        font-weight: bold;
        color: rgba(0, 0, 0, .9);
        margin: 12px 0 8px;
      }

      .brand-list-standard-desc {
        font-size: 14px;
        color: rgba(0, 0, 0, .9);

        image {
          width: 100%;
          overflow: auto;
        }
      }
    }
  }

  //包装规格
  .brand-standard {
    .brand-standard-title {
      height: 24px;
      line-height: 24px;
      margin: 12px auto 8px;
      font-weight: bold;
      color: rgba(0, 0, 0, .9);
    }

    .brand-standard-desc {
      font-size: 14px;
      color: rgba(0, 0, 0, .9);

      image {
        width: 100%;
      }
    }
  }

  //获得奖项
  .brand-prize {
    width: calc(100% - 70px);
    margin: 0 auto;
    display: block;
  }

  .ciga-detail-footer {
    position: fixed;
    bottom: 0;
    padding-bottom: env(safe-area-inset-bottom);
    height: 56px;
    background-color: #fff;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: flex;

    .ciga-detail-footer-item {
      width: 50px;
      text-align: center;

      image {
        width: 20px;
        height: 20px;
        display: inline-block;
        margin: 10px 28px 2px 16px;
      }
    }

    .custom-share-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-right: 12px;

      .custom-share-wrapper {
        width: 24px;
        padding: 12px 0 0;
        font-size: 10px;
        background-color: transparent;
        display: block;

        .footer-icon {
          width: 21px;
          height: 19px;
          display: block;
          margin: auto;
        }
      }

      .share-btn {
        margin-top: 5px;
        width: 100% !important;
        line-height: 23px !important;
      }
    }


    .custom-share-wrapper::after {
      border: none !important;
    }
  }

  //品牌介绍
  .brand-list-intro {
    margin: 0 16px;
    text-align: center;

    .brand-list-intro-logo {
      width: 72px;
      height: 44px;
      display: block;
      margin: 24px auto 16px;
    }

    .brand-list-intro-title {
      height: 24px;
      line-height: 24px;
      font-size: 17px;
      color: rgba(0, 0, 0, .9);
      font-weight: bold;
      text-align: center;
    }

    .brand-list-intro-name {
      height: 20px;
      line-height: 20px;
      font-size: 14px;
      color: rgba(0, 0, 0, .7);
      margin-bottom: 24px;
    }

    .brand-list-intro-desc {
      font-size: 14px;
      color: rgba(0, 0, 0, .9);
      text-align: justify;
      justify-content: space-between;
    }
  }

  .at-tabs__item-underline {
    left: 21% !important;
    bottom: 11px !important;
  }

  //2个选项卡样式
  .tab-2 {
    .at-tabs__item-underline {
      left: 31% !important;
    }
  }
}

.share-btn,
.at-button__wxbutton {
  height: 21px !important;
  line-height: 21px !important;
  font-size: 10px;
  background-color: transparent;
  color: rgba(0, 0, 0, .9);
  border: none !important;
  text-align: center;
  width: 50px !important;
  padding: 0 !important;

}

.prize-container {
  margin-top: 44px;

  .prize-item {
    background-image: url('../../assert/wiki/prize_bg.png');
    height: 120px;
    width: calc(100% - 70px);
    margin: 0 auto;
    background-size: contain;
    padding-top: 9px;
    background-repeat: no-repeat;

    .prize-year {
      font-size: 16px;
      color: rgba(0, 0, 0, .5);
      font-weight: bold;
      width: 144px;
      text-align: center;
      border-bottom: 0.5px solid rgba(0, 0, 0, .5);
      margin: 0 auto;
      top: 10px;
      position: relative;
      padding-bottom: 6px;
    }

    .prize-name {
      font-size: 18px;
      color: #BB8049;
      font-weight: bold;
      text-align: center;
      width: 63%;
      margin: 16px auto 0
    }
  }
}